import { lazy } from "react";
import { createBrowserRouter, Navigate } from "react-router-dom";
const Home = lazy(() => import("../views/Home/Home"));
const List = lazy(() => import("../views/List/List"));
const Css = lazy(() => import("../views/Css/Css"));
export const Homerouter = [
  {
    path: "/",
    element: <Navigate to="/Css"></Navigate>,
  },
  {
    path: "/List",
    element: <List></List>,
  },
  {
    path: "/Css",
    element: <Css></Css>,
  },
];
const router = createBrowserRouter([
  {
    path: "/",
    element: <Home></Home>,
    children: Homerouter,
  },
]);
export default router;
